<style lang="less">
	@import './login.less';
</style>

<template>
	<div class="login" @keydown.enter="handleSubmit">
		<div class="login-con">
			<Card :bordered="false">
				<p slot="title">
					<Icon type="log-in"></Icon>
					欢迎登录! 哈哈
				</p>
				<div class="form-con">
					<Form ref="loginForm" :model="form" :rules="rules">
						<FormItem prop="userName">
							<Input v-model="form.username" placeholder="请输入用户名!">
							<span slot="prepend">
                                    <Icon :size="16" type="person"></Icon>
                                </span>
							</Input>
						</FormItem>
						<FormItem prop="password">
							<Input type="password" v-model="form.password" placeholder="请输入密码">
							<span slot="prepend">
                                    <Icon :size="14" type="locked"></Icon>
                                </span>
							</Input>
						</FormItem>
						<FormItem>
							<Row type="flex" justify="end">
								<Checkbox v-model="form.rememberMe">记住我30天</Checkbox>
							</Row>
						</FormItem>
						<FormItem>
							<Button @click="handleSubmit" type="primary" long>登录</Button>
						</FormItem>
					</Form>
					<!--<p class="login-tip">输入任意用户名和密码即可</p>-->
				</div>
			</Card>
		</div>
	</div>
</template>

<script>
    import Cookies from 'js-cookie';
    import util from '@/libs/util';
    import md5 from 'md5';

    export default {
        data () {
            return {
                form: {
                    username: 'guest',
                    password: '1',
                    rememberMe: false
                },
                rules: {
                    username: [
                        {required: true, message: '账号不能为空', trigger: 'blur'}
                    ],
                    password: [
                        {required: true, message: '密码不能为空', trigger: 'blur'}
                    ]
                }
            };
        },
        methods: {
            handleSubmit () {
				/*                this.$refs.loginForm.validate((valid) => {
				 if (valid) {
				 Cookies.set('user', this.form.userName);
				 Cookies.set('password', this.form.password);
				 this.$store.commit('setAvator', 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg');
				 if (this.form.userName === 'iview_admin') {
				 Cookies.set('access', 0);
				 } else {
				 Cookies.set('access', 1);
				 }
				 this.$router.push({
				 name: 'home_index'
				 });
				 }
				 });*/
                this.$store.commit('setAvator', 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg');
                Cookies.set('access', 1);
                let me = this;
                util.post({
                    url: "login",
                    data: {
                        username: me.form.username,
                        password: md5(me.form.password),
                        rememberMe: me.form.rememberMe
                    },
                    ajaxSuccess(response){
                        let context = response.data;
                        let data = context.data || {};
                        Cookies.set('user', me.form.username, {
                            expires: data.expire
                        });
                        Cookies.set('token', data.token, {
                            expires: data.expire
                        });
                        me.$router.push({
                            name: 'home_index'
                        });
                    }
                });
            }
        }
    };
</script>

<style>

</style>
